<template>
  <div>
    <div class="goods-detail">
      <div class="after-sale" style="text-align:left;padding-left:50px">
        <el-row style="margin-top: 10px;">
          <el-col :span="8">
            <span class="label">应付金额：</span>
            <span class="value">{{amountPayable}}</span>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
          <el-col :span="8">
            <span class="label">已付金额</span>
            <span class="value">{{amountPaid}}</span>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
          <el-col :span="8">
            <span class="label">支付类型：</span>
            <span class="value">{{payWays}}</span>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
          <el-col :span="8">
            <span class="label">支付状态：</span>
            <span class="value">{{payStatus}}</span>
          </el-col>
        </el-row>
      </div>
    </div>
    <!-- 表格部分 -->
    <div class="goods-detail">
      <el-table
        class="toolbar"
        :header-cell-style="{background:'#2F4554',color:'#FFFFFF'}"
        :data="ordreData"
        style="width: 100%">
        <el-table-column prop="type" label="支付方式" width="180"></el-table-column>
        <el-table-column prop="money" label="支付金额" width="180"></el-table-column>
        <el-table-column prop="time" label="支付时间"></el-table-column>
        <el-table-column prop="serialNumber" label="支付流水号"></el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
  export default {
    props: ["amountPayable","amountPaid","payWays","payStatus","ordreData"]
    }
</script>

<style>
</style>
